@charset "utf-8";


/*==========================================内页 结束=============================================*/

/*aos="zoom-in" aos-duration="1200"*/
@media(min-width: 768px){
	.index_banner .item .wenzi font:hover{ background:#2bbc5c; border:#2bbc5c 2px solid}
	
	.container02 .fl2 ul li a:hover .top:after{ width:calc(100% - 8px)}
	.container02 .fl2 ul li a:hover .img img{ transform:scale(1.05)}
	
	.container03 ul li a:hover .top:after{}
	.container03 ul li a:hover .img img{ transform:scale(1.05)}
	
	.container04 ul li a:hover:after{ width:calc(100% - 8px)}
	.container04 ul li a:hover .img img{ transform:scale(1.05)}
	
	.container05 .miso_hd ul li a:hover{ background:#2bbc5c; border:#2bbc5c 1px solid; color:#fff}
	
	.container05 .miso_bd .right ul li a:hover .con{ background:#2bbc5c}
	.container05 .miso_bd .right ul li a:hover .con h3{ color:#fff}
	.container05 .miso_bd .right ul li a:hover .con dl dd{ color:#fff}
	.container05 .miso_bd .right ul li a:hover .con dl dd:before{ background:#95deae}
	.container05 .miso_bd .right ul li a:hover .con p{ color:#fff}
	.container05 .miso_bd .right ul li a:hover .con span{ background:#f7f6f6; color:#2bbc5c}
	
	.container05 .miso_bd .right ul li a:hover .con:before{ opacity:1; visibility:visible}
	
	.container06 ul li a:hover:after{ left:0; width:100%; background:#2bbc5c;}
	
	footer .fl01 .right dl dd:hover{ color:#fff}
	
	.n_left .fl2 ul li:hover a, .n_wenti ul li .con h5:hover, .n_jituan ul li .con h5:hover, .n_renli .fl02 ul li .con h5:hover font{ color:#2bbc5c}
	.n_left .fl2 ul li:hover a:before{ transform:rotate(180deg)}
	
	.n_zuzhi .fl01 ul li a:hover .img img{ transform:translateY(0)}
	
	.n_zizhi ul li a:hover{ box-shadow:0 0 25px rgba(0,0,0,0.15)}
	
	.n_dashiji ul li a:hover .con p, .n_lingdao ul li a:hover  p{ opacity:1;}
	
	.n_wenti ul li a:hover .img:after{ transform:translateY(100%)}
	
	.n_wenti ul li a:hover{ transform:translateY(-4px)}
	
	.n_jituan .fl02 ul li:hover:before{ left:0; width:100%; background:#f8f8fa}
	
	.n_notice ul li a:hover:before{ left:0; width:100%; background:#2bbc5c;}
	.n_notice ul li a:hover h5, .n_notice ul li a:hover p, .n_notice ul li a:hover h6, .n_notice ul li a:hover h6 span{ color:#fff}
	
	.n_video ul li a:hover{ transform:translateY(-4px)}
	.n_video ul li a:hover .con{ background:#2bbc5c}
	.n_video ul li a:hover .con h5{ color:#fff}
	
	.n_product .fl01 .con span:hover, .n_product .fl02 .miso_bd .con a span:hover, .n_renli .fl01 ul li a .con span:hover{ background:#007e45}
	
	.n_product .fl03 ul li a:hover .top{ transform:translateY(0)}
	
	.n_gaishu .fl03 .miso_bd .content .left a:hover .top{ background:rgba(51,51,51,0.5);}
	
	.container05 .miso_hd .miso-prev:hover, .container06 ul .miso-prev:hover, .n_product .fl01 .miso-prev:hover, .n_product .fl02 .miso_hd .miso-prev:hover{ background:#2bbc5c url(../images/left_svg.svg) center no-repeat; left:-6rem}
    .container05 .miso_hd .miso-next:hover, .container06 ul .miso-next:hover, .n_product .fl01 .miso-next:hover, .n_product .fl02 .miso_hd .miso-next:hover{ background:#2bbc5c url(../images/right_svg.svg) center no-repeat; right:-6rem}
}

@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1830px){
	.w1800{ padding:0 15px}
	
	.w1200{ max-width:80%}
	
	#banner_box .n_banner .w1200{ padding:0 0 0 10rem}
}

@media(max-width: 1630px){
	.w1600{ padding:0 15px}
	
	.w1200{ max-width:86%}
	
	.index_banner .item .wenzi .w1200{padding: 0 9rem;}
	.n_gaishu .fl02 .miso_bd .miso_slide{ padding:11.5rem 15px 0 6vw}
	
	
}

@media(max-width: 1400px){
	.w1200{ max-width:90%}
}

@media(max-width: 1330px){
	.w1200{ max-width:100%; padding:0 15px}
	
	.n_gaishu .fl02 .miso_bd .miso_slide{ padding:11.5rem 15px 0 3vw}
}

@media(max-width: 1200px){
	.header_box{ display:none}
	#m_header, .m_header_box{ display:block;}
	
	.n_title,.n_left{ display:none}
	#m_n_nav{ display:block}
	
	.n_right{width:100%;padding: 0rem 0 2rem;}
	
	.ar_article.ar_web{ display:none}
	.ar_article.ar_wap{ display:block}

	.n_container{ padding:2.5rem 0 0}
	
	.n_about .fl02 .box:before{ display:none}
	.n_about .fl02 .box .img{ margin-bottom:4rem}
	.n_about .fl02 .box .con{position:relative;left: 0;right: 0;margin: 0;bottom: auto;padding: 0;top: auto;margin-bottom: 3rem;height: auto;text-align: center;transform: translateX(0);}
	.n_about .fl02 .box .con span{position:relative;left: 0;top: 0;margin: 0;margin-bottom: 1rem;}
	.n_about .fl02 .box .con h5{ text-align:center}
	.n_about .fl02 .box .con:before,.n_about .fl02 .box .con:after{ display:none}
	
	#adimage{ display:none}
}

@media(max-width: 1060px){
	.container03 ul{white-space:nowrap;overflow:hidden;overflow-x:scroll;font-size: 0;}
	.container03 ul::-webkit-scrollbar {width:1px;height: 1px;background-color: #F5F5F5;}
    .container03 ul::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
    .container03 ul::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}
	.container03 ul li{width:33.333333%;display: inline-block;float: none;}
}

@media(max-width: 992px){
	.index_banner .item, .index_banner .item .wenzi{height: 20rem;}
	.index_banner .item .wenzi h4{font-size:16px;line-height: 24px;max-width: 70%;margin-bottom: 1rem;}
	.index_banner .item .wenzi h3{font-size:12px;margin-bottom: 1rem;}
	.index_banner .item .wenzi font{width: 80px;height:30px;line-height:28px;border: #fff 1px solid;font-size: 13px;}
	
	.index_banner .item .wenzi{ padding:0 20px}
	
	.container01 ul li .miso{ width:100%; padding:0}
	.container01 ul{padding: 0 15px;margin: 14px 0;height: auto;}
	.container01 ul li .miso:before{ display:none}
	
	.container02 .left{ width:100%}
	.container02 .left li .img{ width:100%; padding-bottom:59.11%; position:relative}
	.container02 .left li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
	.container02 .right{width:100%;padding:2rem 0 0;height: auto;}
	
	.container05 .miso_bd .first{ width:100%}
	.container05 .miso_bd .right{ width:100%}
	
	.container06 ul li{ width:33.333333%}
	footer .fl01 .right{ display:none}
	footer .fl01 .left{ text-align:center; width:100%}
	footer .fl01 ul li{float:none;display:inline-block;margin: 0 0.5rem;}
	
	.n_banner{ height:25vh}
	.n_banner h3{font-size: 1.5rem;line-height: 1.5rem;}
	.n_banner h6{ font-size:12px; margin-top:1rem}
	
	.n_zuzhi .fl01 .ul01 li{ width:50%}
	
	.n_zuzhi .fl02 .left{ width:100%}
	.n_zuzhi .fl02 .right{ width:100%}
	
	.n_zuzhi .fl02 .right h3{ font-size:1.5rem; line-height:2rem; padding-bottom:1rem}
	
	.n_dashiji{ padding:0 0 1rem}
	.n_dashiji ul li a .img, .n_dashiji ul li a .img img{ width:100%; height:auto}
	.n_dashiji ul li a .con{ width:100%; padding:1.5rem 0 0}
	
	.n_jituan .fl03 ul li a .img, .n_jituan .fl03 ul li a .img img{ width:100%; height:auto}
	.n_jituan .fl03 ul li a .con{ width:100%; padding:2rem 0 0; height:auto}
	.n_jituan .fl03 ul li a .con p{ height:auto; max-height:17.5rem}
	.n_jituan .fl03{ padding:0 0 4rem}
	
	
	.n_product .fl01 .left{ width:100%}
	.n_product .fl01 .con{ width:100%; padding:3rem 0}
	.n_product .fl01 .left .top img{ height:4rem}
	.n_product .fl01 .left, .n_product .fl01 .left .img{ height:22rem}
	.n_product .fl01 .left .img img{ max-height:18rem}
	.n_product .fl01 .con h3{ font-size:2rem}
	.n_product .fl01 .con h5{ font-size:1.375rem}
	.n_product .fl01 .con h5 i{ width:3rem}
	.n_product .fl01 .con h5 i:before{ width:.5rem; height:.5rem}
	.n_product .fl01 .con p{ height:auto; max-height:11.25rem;}
	.n_product .fl01 .con span{ margin:1rem 0 0}
	.n_product .fl02{ padding:2rem 0 0}
	.n_product .fl01 .con{ padding:2rem 0}
	
	.n_product .fl02 .miso_bd .img{ width:100%; height:22rem}
	.n_product .fl02 .miso_bd .img img{ max-height:18rem}
	.n_product .fl02 .miso_bd .con{ width:100%; padding:3rem 0}
	
	.n_product .fl02 .miso_bd .con{ padding:2rem 0}
	.n_product .fl03{ padding:2rem 0 2rem}
	
	.n_product .fl03 ul li{ width:33.333333%}
	
	.n_gongzuo .layui-form-item{ width:100%; margin:0; margin-bottom:0.5rem}
	.n_gongzuo .layui-form-item .layui-input-inline, .n_gongzuo .layui-form-item .layui-inline{ width:100%; margin:0}
	.n_gongzuo .layui-form-label{ line-height:20px}
	.n_gongzuo .layui-input, .n_gongzuo .layui-select, .n_gongzuo .layui-textarea{ height:42px}
	.n_gongzuo .layui-form-select .layui-edge{ margin-top:8px}
	.n_gongzuo .layui-form-select dl{ top:78px}
	
	.n_renli .fl01 ul li a .img, .n_renli .fl01 ul li a .img img{ width:100%; height:auto}
	.n_renli .fl01 ul li a .con{ width:100%; padding:2rem 0 0; height:auto}
	.n_renli .fl01 ul li a .con p{height:auto;max-height: 15rem;}
	.n_renli .fl01{ padding:0}
	
	.n_rencai .fl01 .img, .n_rencai .fl01 .img img{ width:100%; height:auto}
	.n_rencai .fl01 .con{position:relative;top:auto;bottom:auto;width:100%;padding: 2rem 2rem;}
	
	.n_gaishu .fl03 .miso_hd ul li:after{ display:none}
	.n_gaishu .fl02 .miso_bd .miso_slide{padding:3rem 15px;height: 30rem;}
	.n_gaishu .fl02 .right{padding:3rem 15px;height: 30rem;width: 28%;}
	.n_gaishu .fl02 .miso_bd{ width:72%}
	.n_gaishu .fl02 .anniu_box{ margin-top:0}
	
	.n_gaishu .fl03 .miso_bd .content .left .img, .n_gaishu .fl03 .miso_bd .content .left .img img{ height:15rem}
	.n_gaishu .fl03 .miso_bd .content{ padding:2rem 15px}
	.n_gaishu .fl03 .miso_bd .content .left{ width:100%}
	.n_gaishu .fl03 .miso_bd .content .right{ width:100%; height:auto; padding:2rem 15px 0}
	.n_gaishu .fl03 .miso_bd .content .right dl{ margin-bottom:1.5rem}
	
	.n_gaishu .fl04 ul li a{ margin-bottom:1.25rem}
	.n_gaishu .fl04 ul li a .img, .n_gaishu .fl04 ul li a .img img{ width:100%}
	.n_gaishu .fl04 ul li a .con{width:100%;padding: 2rem 2rem;height: auto;}
	
	.n_zhaopin .fl02 .content .box{ width:100%; margin-bottom:1.25rem}
	.container01{ margin:0; padding:2rem 0 0}
	
	.n_gaishu .fl03 .miso_bd .content ul.ul4{ margin:0 -7px;}
	.n_gaishu .fl03 .miso_bd .content ul.ul4 li{ padding:0 7px}
	
    #banner_box .n_banner .w1200{ padding:0 0 0 1rem}
}


@media(max-width: 768px){
	#gotop{ right:0; transform:scale(0.7)}
	
	.index_banner .item, .index_banner .item .wenzi{height: 11rem;}
	
	.container01 .title{width: 84px;padding: 0;height: 64px;}
	.container01 .title h4{
    line-height: 64px;
}
	.container01 .content{ height: 64px;}
	.container01 ul{width:calc(100% - 84px);margin: 7px 0;}
	.container01 ul .miso-prev, .container01 ul .miso-next{margin-top: 12px;}
	.container01 ul .miso-prev{left: -72px;}
	.container01 ul .miso-next{left: -52px;}

	
	
	.index_banner .item .wenzi h4{ margin-top:0}
	
	.title001 h3{ font-size:1.75rem}
	
	.container02 .fl2 ul{ margin:0 -7px;}
	.container02 .fl2 ul li{ padding:0 7px;}
	
	ul.ul1 li h5{ font-size:13px;}
	.container02{padding: 2rem 0 3rem;}
	.container03 ul{ margin:0 -7px}
	.container03 ul li{ width:50%; padding:0 7px;}
	
	.container03{ padding:0 0 3rem}
	
	.container04 .left{ display:none}
	.container04 .title001{ display:block}
	.container04 .right{ width:100%; padding:0}
	.container04 .right ul{margin:0 -7px;padding: 0;}
	.container04 .right ul li{ padding:0 7px}
	.container04 ul .miso-dots{ margin:0}
	.container04 ul .miso-dots li{ margin:0 0.25rem; padding:0}
	
	.container05 .miso_bd .right ul li a .con dl dd{ padding-left:10px; margin-right:0.75rem}
	
	.container06 ul{ margin:0 -7px}
	.container06 ul li{ width:50%; padding:0 7px}
	
	.container05{ padding:3rem 0 0}
	.container05 .miso_bd{ margin-top:2rem}
	.container06{ padding:3rem 0}
	.container07{ display:none}
	
	footer .fl01{ padding:1.25rem 0}
	footer .fl01 h3{ margin:0.5rem 0}
	footer .fl01 h3 img{ height:2rem}
	
	.ar_article, .ar_article p{ font-size:13px; line-height:26px; margin-bottom:26px;}
	
	.n_zuzhi .fl01{ padding:3rem 0; margin-top:1.5rem}
	.n_zuzhi .fl01 .ul01{ margin:0 -7px;}
	.n_zuzhi .fl01 .ul01 li{ padding:0 7px}
	.n_zuzhi .fl01 .ul01 li a .img:after{ border:#fff 2px solid}
	.n_zuzhi .fl01 .ul01 li a .top h3{ font-size:1.25rem}
	
	.j_pages a{height: 28px;min-width: 24px;padding: 0 0;line-height: 26px;font-size: 12px;margin: 0 2px;}
	.j_pages a.m_bnt{padding: 0 6px;}
	
	.n_zizhi ul li{ width:50%}
	
	.n_zizhi{ padding:0 0 2rem}
	
	.n_lingdao{ padding:0 0 1rem}
	.n_lingdao ul{ margin-bottom:2rem}
	.n_lingdao ul li{ border-bottom:#c5c5c5 1px dashed; padding-bottom:1.25rem; margin-bottom:1.5rem}
	.n_lingdao ul li h3{ font-size:1.375rem}
	
	.n_zhige h3{ font-size:1.75rem; margin:1.5rem 0 0}
	
	.n_wenti{ padding:0 0 3rem}
	
	.n_wenti ul{ margin:0 -7px;}
	.n_wenti ul li{ width:50%; padding:0 7px}
	.n_wenti ul li .con h5{ width:100%; font-size:14px; line-height:22px; height:44px}
	
	.n_jituan .fl01 ul li{ width:100%}
	
	.n_jituan .fl02 ul li a .img, .n_jituan .fl02 ul li a .img img{ width:150px; height:100px;}
	.n_jituan .fl02 ul li a .con{ padding:5px 0 0 10px; width:calc(100% - 150px)}
	.n_jituan .fl02 ul li a .con p{font-size:12px;line-height:20px;height:40px;-webkit-line-clamp: 2;margin: 0.75rem 0;}
	
	.n_jituan .fl02{ padding:0}
	.n_jituan .fl02 ul li{ padding:0.75rem 0}
	.n_jituan{ padding:0 0 3rem}
	.n_jituan .fl01 ul li .con{ padding:1.5rem 0 0}
	.n_jituan .fl01 ul li .con p{ height:auto; max-height:72px}
	
	.n_jituan .fl03 ul li a .con p{ font-size:13px; line-height:22px; max-height:66px;}
	
	.n_notice{ padding:0 0 3rem}
	.n_notice ul{ margin:0 -7px; margin-bottom:2rem}
	.n_notice ul li{ padding:0 7px; width:100%; margin-bottom:1.25rem}
	.n_notice ul li a{ padding:25px 15px}
	
	.n_video{ padding:0 0 3rem}
	.n_video ul{ margin:0 -7px; margin-bottom:1.5rem}
	.n_video ul li{ width:50%; padding:0 7px}
	.n_video ul li .img .top img{ height:2rem}
	
	.n_zixun .messlist{width: 100% !important;}
	.n_zixun .yanzheng{ right:1px}
	
	.n_product .fl01{padding: 0 0 2rem;}
	.n_product .fl03 ul{ margin:0 -7px}
	.n_product .fl03 ul li{ width:50%; padding:0 7px; margin-bottom:1.25rem}
	.n_product .fl03 ul li a .img{ line-height:8rem}
	.n_product .fl03 ul li a .img img{ max-height:5rem}
	 
	.ar_title h3{ font-size:1.5rem}
	.ar_title h6{ font-size:1rem}
	.ar_title h6 span{ margin-right:1rem}
	.fenxiang{ display:none}
	
	.n_gongzuo .fl02 table tr td:nth-child(1){ font-size:14px}
	.n_gongzuo .fl02 table tr td{ font-size:12px}
	 
	.n_renli .fl02{ padding:3rem 0 0}
	.n_renli .fl02 ul{margin:0 -7px;margin-bottom: 0;}
	.n_renli .fl02 ul li{ width:100%; padding:0 7px; margin-bottom:1.25rem}
	.n_renli .fl02 ul li .img .top img{ height:2rem}
	
	.n_renli .fl01 ul li a .con span{ margin-top:2rem}

	.n_renli .fl03{ padding:2rem 0 3rem}
	
	.n_renli .fl002{ padding:0 0 0}
	.n_rencai .fl01 ul li a{ margin-bottom:1.25rem}
	
	.title002 h3{ font-size:1.5rem}
	.title002 h4{ line-height:20px}
	.n_gaishu .fl02 .miso_bd .miso_slide h5{ line-height:1.5}
	.n_gaishu .fl03 .miso_hd ul li h3{ height:3rem}
	.n_gaishu .fl03 .miso_hd ul li h3 img{ max-height:2.125rem}
	
	.n_gaishu .fl04{ padding-bottom:3rem}
	.n_gaishu .fl02{ margin-bottom:3rem}
	
	.n_zhaopin .fl02{ padding-bottom:3rem}
	.n_zhaopin .fl02 .content .box .img_con{ padding:20px 15px}
	.n_zhaopin .fl01{ padding:0 0 2rem}
	
	.n_about .fl02{ padding:0 0 3rem}
	.n_about .fl02 .box img{width: 70%;}
	.n_about .fl02 .box .con{ margin-bottom:1.25rem}
	.index_banner .item .wenzi .w1200{ padding:0 3rem}
	
	.index_banner .miso-prev, .index_banner .miso-next{ width:2.5rem; height:2.5rem}
	
	.n_gaishu .fl03 .miso_bd .content ul.ul4 li{ width:50%; margin-bottom:2rem}
	.n_gaishu .fl03 .miso_bd .content ul.ul7 li{ font-size:1.25rem}
	.n_gaishu .fl03 .miso_bd .content ul.ul4 li .con h3{ padding:1.5rem 0 0.5rem}
	.n_gaishu .fl03 .miso_bd .content ul.ul7 li span:before{ top:0}
	
	.container02 .title001 .more{max-width: calc(100% - 12rem);top: 0.5rem !important;}
	.container02 .title001 .more img{max-width: 14rem;}
	
	.n_product-search{ position:relative; width:100%; margin-top:1rem}
}



@media(max-width: 456px){
	
}